import { defineComponent, PropType } from 'vue'

interface Block {
  title: string
}

function getBlocks(arr: Array<Block>) {
  return arr.map((val)=>{
    return <span class="">{val.title}</span>
  })
}
export default defineComponent({
  props:{
    items:{
      type: Array as PropType<Array<Block>>,
      default:() => []
    }
  },
  render(){
    return <div>{...getBlocks(this.items)}</div>
  }
})
